:deep(.ant-spin-dot-item){
 background-color: white;
}
.search-date{
  background: linear-gradient(to top, #2B6597, #00000000);
  border-radius: 10px;
  display: flex;
  position: relative;
  z-index: 8;
  width: 130px;
  margin-right: 8px;
}
.search-bar {
  width: 360px;
  height: 100%;
  display: flex;
  position: relative;
  z-index: 8;

  .input-box {
    flex: 1;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background: linear-gradient(to top, #2B6597, #00000000);
    display: flex;

    .icon {
      width: 40px;
      font-size: 16px;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .input {
      flex: 1;
      padding-right: 20px;
      display: flex;
      align-items: center;

      input {
        width: 100%;
        background-color: transparent;
        border: none;
        outline: none;

        &::placeholder {
          color: #8CC0EE;
        }
      }
    }
  }

  .btn {
    width: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(to top, #5FADF7, #00000000);
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
  }
}
